import Vue from 'vue'

// 引入根组件
import App from './App.vue'
// 引入公共样式
import './styles/base.less'
// 引入字体图标库
import './assets/iconfont.css'
// 引入
import 'lib-flexible'
// 引入路由
// 引入 router 这个文件夹, 默认找文件夹里面的index.js
import router from './router'

import axios from 'axios'

axios.defaults.baseURL = 'http://localhost:3000'
Vue.prototype.$axios = axios

// ************************* vant **************************************
import { Toast } from 'vant'

Vue.use(Toast) // $toast

// 引入 HmHeader 是要在多个页面中的使用的 , 所以我们全局注册
import HmHeader from './components/HmHeader.vue'
import HmLogo from './components/HmLogo.vue'
import HmButton from './components/HmButton.vue'
import HmInput from './components/HmInput.vue'

Vue.component('hm-header', HmHeader)
Vue.component('hm-logo', HmLogo)
Vue.component('hm-button', HmButton)
Vue.component('hm-input', HmInput)

new Vue({
  router,
  // 渲染根组件
  render: h => h(App),
}).$mount('#app')
